<!DOCTYPE html>
<html>

<head>
  <title>消息</title>
  <% include  ./template/commonCss.ejs %>
  <link href="<%=resUrl%>/css/chat.css" rel="stylesheet" type="text/css" />
  <% include ./template/commonJs.ejs %>
  <script type='text/javascript' src='<%=resUrl%>/lib/hxsdk/webim.config.js'></script>
  <script type='text/javascript' src='<%=resUrl%>/lib/hxsdk/strophe-1.2.8.min.js'></script>
  <script type='text/javascript' src='<%=resUrl%>/lib/hxsdk/websdk-1.4.13.js'></script>
  <script type="text/javascript" src="/lib/aliupload/aliyun-oss-sdk.min.js"></script>
  <script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
  <script src="/lib/aliupload/aliyun-upload-sdk-1.5.0.min.js"></script>
  <script src="/lib/lrz.bundle.js"></script> 
</head>

<body>
  <% 
    var topTitle = '';
    var userId = false;
    if(userInfo){ 
      topTitle = userInfo.name; 
      userId = userInfo.id;
    }
    else{
      if(charToUser == 'admin')
        topTitle = '古今客服';
      else 
        topTitle = '消息';
    }
    var topReturnType = '';
  %>
  <% include ./template/topReturn.ejs %>
  <div id="chat-content">
    <div id="chat-list">
      <script id="product" type="text/html">
        <a class="product" 
          {{if type == 1}}
            href="/auctionCollectDetail?id={{id}}"
          {{else}}
            href="/collectDetail?id={{id}}"
          {{/if}}
        >
          <div class="img" style="background:url({{coverImage}}?x-oss-process=image/resize,w_300) center center no-repeat;background-size:100% auto;"></div>
          <div class="desc">
            <div class="title">{{name}}</div>
            <div class="price">￥{{nowPrice}}</div>
            {{if type == 1}}
              <div class="pai"></div>
            {{/if}}
          </div>
          <div class="auto-height"></div>
        </a>
      </script>
      <script id="chat-hostory-list" type="text/html">
        {{each data as chat index}}
          {{if chat.isSender}}
            {{if chat.type==1}}
              <div class="accepter">
                <div class="content">
                  <div class="date">{{chat.datetime}}</div>
                  <div class="msg">{{#chat.sourceMsg | chatContextFilter}}</div>
                </div>
                <div class="avater">
                    {{if myPhoto}}
                      <img src="{{myPhoto}}" />
                    {{else}}
                      <img src="<%=resUrl%>/img/gudianhuaping.png" />
                    {{/if}}
                </div>
                <div class="auto-height"></div>
              </div>
            {{else}}
              <div class="accepter">
                <div class="content">
                  <div class="date">{{chat.datetime}}</div>
                  <div class="msg">
                    <img src="{{chat.url}}" url="{{chat.url}}" class="img" width="100%"/>
                  </div>
                </div>
                <div class="avater">
                    {{if myPhoto}}
                      <img src="{{myPhoto}}" />
                    {{else}}
                      <img src="<%=resUrl%>/img/gudianhuaping.png"/>
                    {{/if}}
                </div>
                <div class="auto-height"></div>
              </div>
            {{/if}}
          {{else}}
            {{if chat.type==1}}
              <div class="sender">
                <div class="content">
                  <div class="date">{{chat.datetime}}</div>
                  <div class="msg">{{#chat.sourceMsg | chatContextFilter}}</div>
                </div>
                <div class="avater">
                  {{if chat.photo}}
                    <img src="{{chat.photo}}" />
                  {{else}}
                    <%if(charToUser == 'admin'){%>
                      <img src="<%=resUrl%>/img/service-logo.png" />
                    <%} else {%>
                      <img src="<%=resUrl%>/img/gudianhuaping.png" />
                    <%}%>
                  {{/if}}
                </div>
                <div class="auto-height"></div>
              </div>
            {{else}}
              <div class="sender">
                <div class="content">
                  <div class="date">{{chat.datetime}}</div>
                  <div class="msg">
                    <img src="{{chat.url}}" url="{{chat.url}}" class="img" width="100%"/>
                  </div>
                </div>
                <div class="avater">
                    {{if chat.photo}}
                      <img src="{{chat.photo}}" />
                    {{else}}
                      <%if(charToUser == 'admin'){%>
                        <img src="<%=resUrl%>/img/service-logo.png" />
                      <%} else {%>
                        <img src="<%=resUrl%>/img/gudianhuaping.png" />
                      <%}%>
                    {{/if}}
                </div>
                <div class="auto-height"></div>
              </div>
            {{/if}}
          {{/if}}
        {{/each}}
      </script>
      <script id="sender" type="text/html">
        <div class="sender">
          <div class="content">
            <div class="date">{{datetime}}</div>
            <div class="msg">{{#sourceMsg | chatContextFilter}}</div>
          </div>
          <div class="avater">
            {{if photo}}
              <img src="{{photo}}" />
            {{else}}
              <img src="<%=resUrl%>/img/gudianhuaping.png" />
            {{/if}}
          </div>
          <div class="auto-height"></div>
        </div>
      </script>
      <script id="senderImg" type="text/html">
        <div class="sender">
          <div class="content">
            <div class="date">{{datetime}}</div>
            <div class="msg">
              <img src="{{url}}" url="{{url}}" width="100%" class="img"/>
            </div>
          </div>
          <div class="avater">
              {{if photo}}
                <img src="{{photo}}" />
              {{else}}
                <img src="<%=resUrl%>/img/gudianhuaping.png" />
              {{/if}}
          </div>
          <div class="auto-height"></div>
        </div>
      </script>
      <script id="accepter" type="text/html">
        <div class="accepter">
          <div class="content">
            <div class="date">{{datetime}}</div>
            <div class="msg">{{#sourceMsg | chatContextFilter}}</div>
          </div>
          <div class="avater">
              {{if photo}}
                <img src="{{photo}}" />
              {{else}}
                <img src="<%=resUrl%>/img/gudianhuaping.png" />
              {{/if}}
          </div>
          <div class="auto-height"></div>
        </div>
      </script>
      <script id="accepterImg" type="text/html">
        <div class="accepter">
          <div class="content">
            <div class="date">{{datetime}}</div>
            <div class="msg">
              <img src="{{url}}" url="{{url}}" width="100%" class="img"/>
            </div>
          </div>
          <div class="avater">
              {{if photo}}
                <img src="{{photo}}" />
              {{else}}
                <img src="<%=resUrl%>/img/gudianhuaping.png" />
              {{/if}}
          </div>
          <div class="auto-height"></div>
        </div>
      </script>
    </div>
  </div>
  <div class="chat-form">
    <div class="send">
      <input type="text" name="send-text" style="-webkit-user-select:auto"/>
      <svg class="icon" id="goFace" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#2c2c2c" d="M511.997953 527.956414M511.997953 527.956414M512 958.708971c-246.320035 0-446.708971-200.38996-446.708971-446.708971S265.679965 65.290005 512 65.290005 958.708971 265.679965 958.708971 512 758.319012 958.708971 512 958.708971zM512 97.198739c-228.729401 0-414.801261 186.080046-414.801261 414.801261S283.269575 926.801261 512 926.801261s414.801261-186.080046 414.801261-414.801261S740.729401 97.198739 512 97.198739zM655.583163 384.371204A23.386 46.772 0 1 1 655.583163 385.394511ZM679.516248 448.184579c-23.105231 0-39.884382-26.836205-39.884382-63.815421s16.779152-63.815421 39.884382-63.815421c23.105231 0 39.884382 26.836205 39.884382 63.815421S702.620455 448.184579 679.516248 448.184579zM679.516248 353.395726c-3.100618 3.64604-7.976672 14.427594-7.976672 30.973432s4.877077 27.327392 7.976672 30.973432c3.100618-3.64604 7.976672-14.426571 7.976672-30.973432S682.615842 357.041766 679.516248 353.395726zM320.550667 384.371204A23.386 46.772 0 1 1 320.550667 385.394511ZM344.483752 448.184579c-23.105231 0-39.884382-26.836205-39.884382-63.815421s16.779152-63.815421 39.884382-63.815421 39.884382 26.836205 39.884382 63.815421S367.588983 448.184579 344.483752 448.184579zM344.483752 353.395726c-3.100618 3.64604-7.976672 14.427594-7.976672 30.973432s4.876054 27.327392 7.976672 30.973432c3.100618-3.64604 7.976672-14.426571 7.976672-30.973432S347.58437 357.041766 344.483752 353.395726zM783.214005 567.841819c0 127.760802-121.42756 231.331669-271.216052 231.331669S240.781902 695.602621 240.781902 567.841819M512 815.123762c-158.339238 0-287.170418-110.929462-287.170418-247.286036 0-8.810666 7.135514-15.954367 15.954367-15.954367s15.954367 7.143701 15.954367 15.954367c0 118.758778 114.51308 215.377302 255.262708 215.377302s255.262708-96.619548 255.262708-215.377302c0-8.810666 7.135514-15.954367 15.954367-15.954367s15.954367 7.143701 15.954367 15.954367C799.170418 704.1943 670.339238 815.123762 512 815.123762zM240.782925 551.884382l542.433126 0 0 31.907711-542.433126 0 0-31.907711Z" /></svg>
      <svg class="icon" id="goSend" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#2c2c2c" d="M1013.761223 5.491925c-5.850936-5.299761-14.160961-6.889689-21.601826-4.21861L65.019208 340.118835c-31.862163 12.740625-54.417946 40.532572-60.31128 74.323848-5.893334 33.791276 5.914533 67.540154 32.095353 90.795506l238.022866 197.278304c-0.21199 1.038753-0.699568 2.013909-0.763166 3.09506l-14.584942 296.04465c-0.423981 8.734006 4.600193 16.959235 12.63463 20.520675 2.798274 1.208346 5.723742 1.823118 8.628011 1.823118 5.55415 0 11.002304-2.204701 15.030122-6.253718l128.296614-128.275415c8.310025-8.331224 8.310025-21.771418 0-30.060244-8.331224-8.331224-21.771418-8.331224-30.081443 0l-89.290373 89.269174 10.514726-212.66881 309.718033 256.699224C642.968745 1008.736683 666.033305 1017.555486 689.967025 1017.555486c42.80087 0 80.407974-27.304369 93.996561-69.236078L1020.120937 26.542576C1022.071249 18.889721 1019.61216 10.791686 1013.761223 5.491925zM302.384903 670.124353 64.510431 472.952045c-14.542544-12.910218-21.220243-32.031756-17.891993-51.174492 3.370648-19.142737 16.174871-34.914825 33.621684-41.91051l835.284732-305.266234L302.384903 670.124353zM743.113029 936.469142c-8.585613 26.647198-32.964513 38.539862-53.167202 38.539862-9.560769 0-23.679332-2.459089-37.352716-14.584942L335.349417 697.428722 959.703661 91.008869 743.113029 936.469142z" /></svg>
    </div>
    <div class="type-list">
      <div class="item" id="photoframe">
          <div class="icon">
            <svg t="1552873504326" style="margin:0.12rem 0 0 0.12rem;width:0.6rem;height:0.6rem;border:0 none;" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3451" xmlns:xlink="http://www.w3.org/1999/xlink">
              <defs>
                <style type="text/css"></style>
              </defs>
              <path d="M956.67712 843.67872c-2.69312 50.048-68.03456 38.34368-102.16448 38.34368H127.86688c-13.4912 0-26.38848 1.21344-38.8352-5.23264-20.09088-10.41408-18.99008-31.89248-18.99008-50.77504v-68.4032V292.8128 180.48512c0-49.51552 67.21024-38.39488 99.28704-38.39488h663.45984c30.8736 0 68.70016-5.96992 98.94912 2.34496 38.00064 10.44992 24.9344 90.77248 24.9344 118.53312v226.16576l0.00512 354.54464c0 33.01376 51.2 33.01376 51.2 0V499.32288 270.09536c0-37.52448 7.49056-86.95296-6.6048-122.88-22.44608-57.21088-77.39904-56.32512-127.80032-56.32512H109.07136c-50.88256 0-87.5776 40.45312-90.21952 89.54368-0.53248 9.9072 0 19.9936 0 29.91104v613.8368c0 18.16064-0.23552 35.2768 6.6048 52.71552 13.97248 35.61984 48.81408 56.33024 86.3232 56.33024h794.75712c54.46656 0 98.24256-32.0256 101.34528-89.54368 1.77152-33.01376-49.43872-32.83968-51.20512-0.00512z" p-id="3452" fill="#bfbfbf"></path>
              <path d="M664.8576 335.2576c-1.4848 45.8752-36.16256 80.54784-82.03264 82.03264-45.85984 1.4848-80.62464-38.38976-82.03264-82.03264-1.4848-45.86496 38.38976-80.62464 82.03264-82.03264 45.85984-1.4848 80.62464 38.38976 82.03264 82.03264 1.06496 32.93184 52.27008 33.03424 51.2 0-2.40128-74.2144-59.02336-130.83648-133.23264-133.23264-74.17344-2.40128-130.94912 62.63296-133.23264 133.23264-2.40128 74.17344 62.63296 130.94912 133.23264 133.23264 74.17344 2.40128 130.94912-62.63296 133.23264-133.23264 1.07008-33.03424-50.13504-32.92672-51.2 0zM62.55616 700.80512l229.46304-186.02496h-36.20352l445.44512 389.93408c24.7296 21.65248 61.09184-14.4128 36.1984-36.1984l-445.44-389.9392c-11.34592-9.9328-24.79616-9.24672-36.20352 0L26.35264 664.60672c-25.66144 20.79744 10.79808 56.79104 36.20352 36.1984z" p-id="3453" fill="#bfbfbf"></path>
              <path d="M600.92416 751.11424l164.69504-185.1392h-36.1984c78.24384 75.37152 156.4928 150.7328 234.74688 226.0992 23.77728 22.90176 60.02176-13.2608 36.1984-36.1984-78.24384-75.37152-156.4928-150.7328-234.74688-226.0992-9.59488-9.24672-26.79808-10.5728-36.1984 0a2831453.4144 2831453.4144 0 0 0-164.69504 185.1392c-21.86752 24.576 14.21312 60.91776 36.1984 36.1984z" p-id="3454" fill="#bfbfbf"></path>
            </svg>
          </div>
          <div class="title">图片</div>
      </div>
      <div class="item" style="display:none;" id="service_tel">
        <div class="icon">
          <svg t="1554818749254" class="icon" style="margin:0.12rem 0 0 0.12rem;width:0.6rem;height:0.6rem;border:0 none;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5632" xmlns:xlink="http://www.w3.org/1999/xlink">
            <defs><style type="text/css"></style></defs>
            <path d="M478.297825 930.546526c44.894316 26.641965 85.099789 34.959719 119.017543 31.330807h0.520983a141.24014 141.24014 0 0 0 62.625684-24.019087c18.288281-12.557474 32.390737-28.74386 42.828351-45.415299 11.982596-19.833263 17.731368-40.187509 16.689403-57.451789-10.401684-19.258386-66.254596-117.921684-175.391438-174.349474l-0.520983-0.520982c-3.628912-1.580912-24.019088-5.227789-66.847438 42.307368a20.605754 20.605754 0 0 1-21.899228 5.694877c-61.619649-22.438175-116.951579-76.171228-153.510176-139.874807-37.061614-63.703579-55.33193-137.844772-44.355368-202.572351a20.48 20.48 0 0 1 17.228351-16.689403c68.392421-14.605474 68.913404-36.001684 68.913403-36.001684v-2.11986c5.209825-122.682386-52.206035-220.285754-63.703579-238.574035-14.605474-8.856702-34.959719-14.102456-57.954807-13.545544a150.222596 150.222596 0 0 0-60.559719 14.066526 138.778947 138.778947 0 0 0-52.709053 43.331369c-19.833263 27.144982-32.875789 65.787509-31.833824 118.514526 2.101895 140.952702 42.289404 278.743579 111.741754 399.342035 69.398456 120.095439 168.618667 223.447579 289.720141 296.546807z m-0.503018-453.66793c11.479579 0 20.857263 9.377684 20.857263 20.875229 0 10.958596-9.377684 20.336281-20.857263 20.33628h-73.620211c-11.497544 0-20.390175-9.377684-20.390175-20.33628 0-11.497544 8.892632-20.875228 20.390175-20.875229h73.620211z m104.897123-161.324912c11.533474 0 20.372211 9.431579 20.37221 20.390176 0 11.461614-8.838737 20.857263-20.37221 20.857263h-132.581053c-10.958596 0-20.336281-9.395649-20.336281-20.857263 0-10.958596 9.359719-20.390175 20.336281-20.390176h132.581053zM530.521825 518.10807a20.749474 20.749474 0 0 1-20.408141-20.336281c0-11.497544 9.413614-20.875228 20.408141-20.875228h228.118456c11.497544 0 20.354246 9.377684 20.354245 20.875228v40.726457l171.708632-121.658386-171.708632-121.622456V335.94386c0 11.461614-8.856702 20.857263-20.354245 20.857263h-91.854597A20.947088 20.947088 0 0 1 645.838596 335.94386c0-10.958596 9.395649-20.390175 20.947088-20.390176h71.500351v-60.038737c0-4.149895 1.562947-8.335719 3.646877-11.982596a21.252491 21.252491 0 0 1 28.70793-4.742737l227.130386 161.360842 4.706807 4.634948a21.43214 21.43214 0 0 1-4.706807 28.761824l-226.106386 160.264983a18.952982 18.952982 0 0 1-13.024561 4.688842 20.372211 20.372211 0 0 1-20.354246-20.336281V518.10807H530.521825zM111.292632 224.202105a20.533895 20.533895 0 0 1 22.45614-18.270316c10.940632 1.041965 19.294316 10.958596 18.270316 22.438176a384.089825 384.089825 0 0 0-2.08393 26.624c0 8.856702-0.520982 18.270316 0 27.144982 0 10.940632-8.874667 20.336281-20.372211 20.336281-10.958596 0.520982-20.372211-8.874667-20.37221-19.815298-0.520982-9.934596 0-19.833263 0-29.246877 0.538947-9.377684 1.05993-19.294316 2.101895-29.210948z m1.059929 109.621895a19.815298 19.815298 0 0 1 17.731369-22.45614c11.497544-1.05993 21.396211 6.808702 22.474105 18.28828 2.048 20.875228 5.712842 42.289404 10.419649 62.643649 4.688842 20.336281 10.437614 40.169544 17.192421 58.996772l7.868632 19.833264a20.55186 20.55186 0 0 1-10.940632 26.624 20.55186 20.55186 0 0 1-26.624-11.497544c-2.622877-6.233825-6.287719-14.623439-8.371649-20.857263a651.19214 651.19214 0 0 1-18.809263-64.206597c-4.688842-21.935158-8.892632-44.912281-10.940632-67.368421zM601.465263 1002.046877c-41.768421 4.688842-90.812632-4.724772-144.078596-37.061614-127.371228-76.153263-231.244351-184.805053-304.343579-310.559438-72.560281-126.383158-114.310737-271.000702-116.897684-419.247158-1.077895-62.140632 15.126456-109.118877 39.648561-143.575579a180.744982 180.744982 0 0 1 67.871439-55.834948c25.56407-11.497544 52.18807-17.246316 77.770105-17.767298 32.372772-0.520982 62.643649 7.850667 84.057824 22.45614 2.08393 1.562947 4.706807 3.664842 6.269755 6.28772 0 0.520982 78.291088 115.873684 72.56028 265.701052v0.556913c0 0.485053-1.024 49.583158-88.207719 72.56028-5.245754 52.170105 10.940632 111.202807 40.708491 162.384842 29.76786 51.667088 72.596211 95.483509 120.077474 116.897685 54.289965-54.254035 92.932491-45.379368 103.38807-41.750456l3.14386 1.041964c125.790316 65.230596 187.42793 181.697123 194.200702 195.260632a15.916912 15.916912 0 0 1 2.586947 8.317754c3.14386 25.63593-4.670877 56.948772-21.881263 85.638737-13.078456 21.414175-31.366737 42.325333-54.325895 57.972772a182.828912 182.828912 0 0 1-81.937965 30.79186h-0.610807z" fill="#bfbfbf" p-id="5633"></path>
          </svg>
        </div>
        <div class="title">电话</div>
      </div>
      <!--<div class="item">
        <div class="icon"></div>
        <div class="title">视频</div>
      </div>-->
    </div>
    <ul class="face-list">
        <li key="[):]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_1.png"></li>
        <li key="[:D]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_2.png"></li>
        <li key="[;)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_3.png"></li>
        <li key="[:-o]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_4.png"></li>
        <li key="[:p]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_5.png"></li>
        <li key="[(H)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_6.png"></li>
        <li key="[:@]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_7.png"></li>
        <li key="[:s]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_8.png"></li>
        <li key="[:$]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_9.png"></li>
        <li key="[:(]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_10.png"></li>
        <li key="[:'(]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_11.png"></li>
        <li key="[:|]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_18.png"></li>
        <li key="[(a)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_13.png"></li>
        <li key="[8o|]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_14.png"></li>
        <li key="[8-|]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_15.png"></li>
        <li key="[+o(]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_16.png"></li>
        <li key="[<o)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_12.png"></li>
        <li key="[|-)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_17.png"></li>
        <li key="[*-)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_19.png"></li>
        <li key="[:-#]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_20.png"></li>
        <li key="[:-*]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_22.png"></li>
        <li key="[^o)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_21.png"></li>
        <li key="[8-)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_23.png"></li>
        <li key="[(|)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_24.png"></li>
        <li key="[(u)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_25.png"></li>
        <li key="[(S)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_26.png"></li>
        <li key="[(*)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_27.png"></li>
        <li key="[(#)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_28.png"></li>
        <li key="[(R)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_29.png"></li>
        <li key="[({)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_30.png"></li>
        <li key="[(})]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_31.png"></li>
        <li key="[(k)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_32.png"></li>
        <li key="[(F)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_33.png"></li>
        <li key="[(W)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_34.png"></li>
        <li key="[(D)]" class="webim-emoji-item"><img  src="<%=resUrl%>/lib/hxsdk/images/faces/ee_35.png"></li>
      </ul>
  </div>
  <script type='text/javascript'>
    var charToUser = '<%=charToUser%>';
    var productId = '<%=productId%>';
  </script>
  <script type="text/javascript" src="<%=resUrl%>/js/chat.js"></script>
</body>

</html>